@charset "UTF-8";
div{
    /*把块级元素修改为行内块元素*/
    display: inline-block;

    width: 200px;
    height: 200px;
    background-color: blueviolet;
}

span{
    /*把行内元素修改为块级元素*/
    width: 300px;
    height: 300px;
    background-color: #ff2fb6;

    display: inline-block;
    display: block;
}

/*img是行内块元素，可以修改宽高*/
img{
    width: 300px;
    height: 300px;

    display: block;
}